﻿@charset "utf-8";

/* 公共类 */
#switch{ padding:50px 0;}
/* 公共类 */

/* banner */
.main_visual{position:relative;width:100%;height:160px;overflow:hidden;}
.main_image{width:100%;height:100%;overflow:hidden;}
.main_image ul{position:absolute;top:0;left:0;height:100%;overflow:hidden;}
.main_image li{float:left;width:100%;height:100%;}
.main_image li a{display:block;width:100%;height:100%; background-size:100% 100% !important;}
/* 轮换点 */
div.flicking_con{position:absolute;width:100%;height:10px;text-align:center;left:0;bottom:10px;z-index:999;margin:0 auto;}
div.flicking_con a{display:inline-block;width:10px;height:10px;border-radius:100%;text-indent:1000px;margin:0 2px;}
div.flicking_con a{background:#FFF;}
div.flicking_con a.on{background:#e1251c;}
/* 左右切换 */
#btn_prev,#btn_next{position:absolute;display:block;display:none;width:73px;height:74px;top:50%;margin-top:-37px;z-index:11111;}
/* banner */

/* 列表类 */
.title,.title p,.title span{ display:block; text-align:center;}
.title{ padding-bottom:10px;}
.title p{ height:40px; line-height:40px; font-size:20px; color:#e1251c;}
.title span{ line-height:100%; color:#999; font-size:12px;}

.switchCont{ display:none;}

.listOne li{ background:#FFF; box-shadow: 0px 0px 10px #ccc; margin-bottom:10px;}
.listOne a,.listOne img,.listOne h3,.listOne p,.listOne span,.listOne em{ display:block;}
.listOne img{ width:100%; height:160px; background:#999;}
.listOne h3,.listOne p,.listOne em{ width:94%; margin:0px 3%;}
.listOne h3{ color:#3b3b3b; border-bottom:1px solid #a5a5a5;}
.listOne h3 span{ line-height:29px; font-size:14px;}
.listOne p{ overflow:hidden;}
.listOne p span{ line-height:25px; font-size:14px; color:#a5a5a5;}
.listOne p span i{ line-height:25px; padding-left:20px; margin-left:10px;}
.listOne p span .dz{ background:url(../images/dzplxl.png) left top no-repeat;}
.listOne p span .pl{ background:url(../images/dzplxl.png) left center no-repeat;}
.listOne p span .xl{ background:url(../images/dzplxl.png) left bottom no-repeat;}
.listOne em{ overflow:hidden; padding:5px 0px;}
.listOne em a{ float:right; width:15%; height:20px; text-align:center; line-height:20px; font-size:12px; color:#fff; background:#a5a5a5; margin-left:10px;}

.listThree{ overflow:hidden;}
.listThree li{ float:left; width:48%; background:#f1f1f1; margin:0 1%; margin-bottom:5px;}
.listThree li a,.listThree li img,.listThree li h3,.listThree li em{ display:block;}
.listThree li div{ display:block; width:90%; height:150px; background:#f8f8f8; padding:10px 5%; display:table-cell; vertical-align:middle;}
.listThree li div img{ max-width:100%; max-height:130px;}
.listThree li h3,.listThree li em{ width:94%; overflow:hidden; margin:0 3%;}
.listThree li h3{ border-top:1px solid #ccc; font-size:14px;}
.listThree li h3 span{ line-height:30px; color:#3b3b3b;}
.listThree li h3 span.fr{ color:#e1251c;}
.listThree em{ overflow:hidden; padding:5px 0px;}
.listThree em span{ float:right; height:20px; text-align:center; line-height:20px; font-size:12px; color:#a5a5a5;}

.listFour{ width:96%; background:#fff; padding:0px 2%;}
.listFour li{ overflow:hidden; border-bottom:1px dashed #eee; margin:0px 3%;}
.listFour li a{ display:block; overflow:hidden;}
.listFour li img{ width:40px; height:40px; padding:5px 0px;}
.listFour li a.jt{ background:url(../images/ioco0.png) right center no-repeat;}
.listFour li i{ display:block; line-height:39px; font-size:14px; color:#3b3b3b; padding-left:40px;}
.listFour li i.we1{ background:url(../images/ioco1.png) left 8px no-repeat;}
.listFour li i.we2{ background:url(../images/ioco1.png) left -45px no-repeat;}
.listFour li i.we3{ background:url(../images/ioco1.png) left -97px no-repeat;}
.listFour li i.we4{ background:url(../images/ioco1.png) left -149px no-repeat;}
.listFour li i.we5{ background:url(../images/ioco1.png) left -201px no-repeat;}
.listFour li i.we6{ background:url(../images/ioco1.png) left -254px no-repeat;}
.listFour li i.we7{ background:url(../images/ioco1.png) left -305px no-repeat;}

.listFive{ width:96%; margin:10px 2%;}
.listFive li{ overflow:hidden; border-bottom:1px solid #a5a5a5; margin:0px 3%; padding:5px 0px;}
.listFive li .listbt{ overflow:hidden; line-height:26px; font-size:14px; color:#3b3b3b;}
.listFive li .listbt span{ line-height:26px; font-size:14px; color:#3b3b3b;}
.listFive li .listImg2{ width:100%; height:100px;}
.listInput{ display:none;}
.listImg{ width:70px; height:70px;}
.listDiv{ padding-left:5px;}
.listDiv a{ display:block;}
.listDiv .listSp{ line-height:20px; font-size:14px; color:#3b3b3b;}
.listDiv .listJs{ line-height:20px; font-size:12px; color:#a5a5a5; margin-top:2px;}
.listDiv .listJs .unit{ line-height:20px; margin-right:10px;}
.listDiv .listJs .sy_minus,.listDiv .listJs .sy_plus{ width:20px; height:20px; text-align:center; line-height:18px; overflow:hidden; font-size:16px; color:#e1251c;}
.listDiv .listJs .sy_num{ width:22px; height:20px; text-align:center; line-height:20px; font-size:12px; color:#e1251c;}
.listDele{ font-size:14px; color:#e1251c; height:70px; line-height:120px;}
.listDele.line45{ line-height:45px;}
.listDele.line70{ line-height:70px;}
.listInput + .listLabel{float:left;position: relative; height:70px;background:url(../images/dat.png) left center no-repeat; padding-left:20px;}
.listInput:checked + .listLabel:after{position: absolute;top:50%;left:0px;width:12px;height:12px;line-height:50px;color:#e1251c;content:'\2714';border-radius:50px;background:#e1251c;overflow:hidden; margin-top:-6px;}
.listBs .listSpan{ display:block; text-align:right; line-height:20px; font-size:12px; color:#e1251c;}
.listFive_fot{ width:90%; overflow:hidden; background:#eee; margin:0px 2%; padding:10px 3%;}
.listFive_fot .i_hj{ line-height:26px; font-size:14px; color:#e1251c;}
.listFiveBt1{ margin:0; width:100%;}
.listFiveBt1 li{ padding:10px 0; border-top:1px dashed #eee; border-bottom:none;}
.listDivwidth{ width:75%; height:70px; overflow:hidden;}
.listDivwidth .listJs{ line-height:25px;}

.listsix{ width:96%; margin:10px 2%;}
.listsix li{ float:left; width:48%; height:130px; margin:5px 1%; overflow:hidden; display:table;}
.listsix li a{ display:block; display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.listsix li img{ width:80px; height:80px;}
.listsix li h3{ display:block; color:#fff; font-size:14px; line-height:25px;}
.listsix li a.fht{background:#fe9c00;}
.listsix li a.tc{background:#d6506d;}
.listsix li a.vip{background:#f3749a;}
.listsix li a.jf{background:#dfaf32;}
.listsix li a.zy{background:#fdb96e;}
.listsix li a.rw{background:#e1251c;}

#searchs{ width:100%; height:50px; overflow:hidden; background:#e1251c;}
.listName{ overflow:hidden; background:#e1251c; padding:10px 5%; position:relative; text-align:center;}
.listName a{ display:inline-block; width:70px; height:70px; border-radius:50%; overflow:hidden; border:2px solid #fff;}
.listName img{ width:70px; height:70px;}
.listName span{ display:block; line-height:60px; font-size:16px; color:#fff;}
.listName .gwc{ position:absolute; top:15px; right:15px; display:block; width:30px; height:30px; overflow:hidden; background:url(../images/cart.png) center no-repeat; background-size:24px 20px; line-height:90px;}
.listSeve{ overflow:hidden;border-bottom: 5px solid #f1f1f1;}
.listSeve h3{ display:block; overflow:hidden; padding:0 5%; border-bottom:1px solid #eee;}
.listSeve h3 p{ font-size:16px; color:#3b3b3b; line-height:40px;}
.listSeve h3 a{ font-size:12px; color:#a5a5a5; line-height:40px;}
.listSeve ul{ padding:0 2%;}
.listSeve li{ float:left; padding:10px 0;}
.listSeve li a{ display:block; text-align:center; color:#3b3b3b; font-size:12px;}
.listSeve li a img{ width:30px; height:30px; margin:5px;}
.listSeve li a i{ display:block; line-height:20px;}
.listSeve5 li{ width:20%;}
.listSeve4 li{ width:25%;}
.listSevebtno{ border-bottom:none;}
/* 列表类 */

/* 表单类 */
.listForm{ width:96%; background:#fff; margin:0px 2%;}
.listForm li{ overflow:hidden; border-bottom:1px solid #eee; padding:7px 0px; margin:0px 3%;}
.listForm li .formName,.listForm li .formText,.listForm li .formCwtx{ line-height:26px; font-size:14px; color:#3b3b3b;}
.listForm li .formName{ width:22%;}
.listForm li .formText{ width:36%;}
.listForm li .formCwtx{ width:42%; text-align:right; font-size:12px; color:#e1251c;}
.listForm li .formCwtx span{ line-height:26px;}
.listForm li .formCwtx a{ float:right; width:65px; height:24px; text-align:center; line-height:24px; border:1px solid #e1251c; margin-left:5px;}
.listForm li .formCwtx a.send1{ font-size:12px; color:#e1251c;}
.listForm li .formCwtx a.send1:hover{ font-size:12px; color:#e1251c;}
.listForm li .formCwtx a.send0{ font-size:12px; color:#e1251c;}
.listForm li .formCwtx a.send0:hover{ font-size:12px; color:#e1251c;}
#city,#deta{ width:78%;}
/* 表单类 */

/* 表单其他 */

/* 忘记密码-立即注册 */
.footZc{ width:90%; overflow:hidden; margin:0px 2%; padding:0 3%;}
.footZc a{ font-size:14px; color:#e1251c;}
/* 忘记密码-立即注册 */

/* 许可协议 */
.xzXkxy { float:left;display:none;}
.tyXkxy,.xyXkxy{ line-height:26px; font-size:14px; padding-right:6px;}
.xzXkxy + .tyXkxy { float:left;position: relative;height:26px;background:url(../images/dat.png) left center no-repeat; padding-left:18px;}
.xzXkxy:checked + .tyXkxy:after {position: absolute;top:50%;left:0px;width:12px;height:12px;line-height:50px;color:#e1251c;content:'\2714';border-radius:50px;background:#e1251c;overflow:hidden; margin-top:-6px;}
.tyXkxy{ color:#3b3b3b;}
.xyXkxy{ color:#e1251c;}
.formXkxy{ display:block; position:fixed; left:0; bottom:60px; width:100%; height:30px; text-align:center; line-height:30px; font-size:16px; color:#e1251c;}
/* 许可协议 */

/* 成功提示 */
.formHide{ display:none;}
.formShow{ display:block; position:fixed; left:50%; top:50%; height:50%; width:230px; height:20px; text-align:center; line-height:20px; font-size:18px; color:#e1251c; background:#fff; padding:15px; margin-left:-130px; margin-top:-25px;}
/* 成功提示 */

/* 图片裁剪-弹出 */
#cut_show .logoBox_text{display:block;line-height:26px;font-size:14px;color:#a5a5a5;}
#cut_show .logoBox_img{display:block;text-align:left; padding:5px 0px;}
#cut_show .logoBox_img img{display:inline-block;width:96px;height:96px;cursor:pointer;border:2px solid #e1251c;background-color:transparent;}
/* 文字 */
#cut_hide .cut_top {position:fixed;top:-80px;left:0;width:100%;height:40px;z-index:10;background:#fff;box-shadow: 0px 0px 10px #ccc;} 
#cut_hide .cut_top input[type=file]{ display:none;}
#cut_hide .cut_top .cut_t{ float:left;width:50%;height:40px;text-align:center;line-height:40px;cursor:pointer;}
#cut_hide .cut_top {
-webkit-transform:translate3d(0px,0,0px);
-moz-transform:translate3d(0px,0,0px);
transform:translate3d(0px,0,0px);
transition:all 0.3s;} 
#cut_hide .cut_top.show {
visibility:visible;
-webkit-transform:translate3d(0px,80px,0px);
-moz-transform:translate3d(0px,80px,0px);
transform:translate3d(0px,80px,0px);}

/* 裁剪 */
#cut_hide .cut_img{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:#fff;z-index:9;}
#cut_hide .cut_images{width:100%;height:100%;}
/* 关闭 */
#cut_hide .cut_close{display:none;position:fixed;left:0px;bottom:0px;width:100%;height:49px;text-align:center;line-height:49px;font-size:18px;color:#e1251c;cursor:pointer;background:#fff;box-shadow: 0px 0px 10px #ccc;z-index:9;}
/* 图片裁剪-弹出 */

/* 图片裁剪-弹出 */
.backBox_text{display:block;line-height:26px;font-size:14px;color:#a5a5a5;}
#back_show{ width:100%;}
#back_show .backBox_img{display:block;text-align:center; padding:5px 0px;}
#back_show .backBox_img img{display:inline-block;width:276px;height:136px;cursor:pointer;border:2px solid #e1251c;background-color:transparent;}

/* 文字 */
#back_hide .back_top {position:fixed;top:-80px;left:0;width:100%;height:40px;z-index:10;background:#fff;box-shadow: 0px 0px 10px #ccc;} 
#back_hide .back_top input[type=file]{ display:none;}
#back_hide .back_top .back_t{ float:left;width:50%;height:40px;text-align:center;line-height:40px;cursor:pointer;}
#back_hide .back_top {
-webkit-transform:translate3d(0px,0,0px);
-moz-transform:translate3d(0px,0,0px);
transform:translate3d(0px,0,0px);
transition:all 0.3s;} 
#back_hide .back_top.show {
visibility:visible;
-webkit-transform:translate3d(0px,80px,0px);
-moz-transform:translate3d(0px,80px,0px);
transform:translate3d(0px,80px,0px);}

/* 裁剪 */
#back_hide .back_img{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:#fff;z-index:9;}
#back_hide .back_images{width:100%;height:100%;}
/* 关闭 */
#back_hide .back_close{display:none;position:fixed;left:0px;bottom:0px;width:100%;height:49px;text-align:center;line-height:49px;font-size:18px;color:#e1251c;cursor:pointer;background:#fff;box-shadow: 0px 0px 10px #ccc;z-index:9;}
/* 图片裁剪-弹出 */

/* 表单其他 */

/* 我的信息 */
.navwe{ overflow:hidden; background:#fff; border-bottom:5px solid #f1f1f1;}
.navwe li{ float:left; width:33.33%;}
.navwe li a{ display:block; width:100%; height:55px; text-align:center; line-height:100%; font-size:14px; color:#3b3b3b;}
.navwe li a i{ display:block; color:#e1251c; line-height:30px;}
.signout a{ display:block; width:90%; height:30px; font-size:14px; color:#fff; text-align:center; line-height:30px; background:#e1251c; border-radius:30px; margin:0 5%;}
/* 我的信息 */

/* 购物车为空 */
.empty-cart .cartlogo { width:120px; height:120px; text-align:center; line-height:360px; overflow:hidden; background:url(../images/kgwc.png) center no-repeat #ccc; background-size:60px 60px; border-radius:100%; margin:40px auto;}
.empty-cart .cartlogos{background:url(../images/kgwcs.png) center no-repeat; background-size:100px 100px;}
.empty-cart .message { display:block; font-size:16px; color:#a5a5a5; text-align:center; margin-bottom:30px;}
.empty-cart .carta{ text-align:center;}
.empty-cart .carta li{ display:inline-block; margin:0 10px;}
.empty-cart .carta li a{ display:block; width:80px; text-align:right; height:25px; line-height:25px; font-size:16px; color:#a5a5a5; padding-left:20px; padding-right:10px; background:url(../images/gwcs.png) 5px top no-repeat; background-size:25px 50px; border:1px solid #ccc;}
.empty-cart .carta li a:hover{ border:1px solid #e1251c; color:#fff;background:url(../images/gwcs.png) 5px bottom no-repeat #e1251c; background-size:25px 50px;}
/* 购物车为空 */

/* 购物步骤 */
.cart-step{width:100%;text-align:center; height:2.4rem;background:#fff;}
.cart-step ul{display:table;width:100%;margin:0;padding:0;border-collapse:collapse; vertical-align:middle}
.cart-step ul li{display:table-cell; line-height:2.4rem; position:relative }
.cart-step ul .cur{  border-bottom:1px solid #ee6a6a; color:#ee6a6a;}
 /* 购物步骤 */

/* 商品详情 */
.proCont{}
.proCont img{ width:100%;}
.proCont h3{ width:90%; padding:0 5%; padding-bottom:10px; border-bottom:5px solid #f1f1f1;}
.proCont h3 p{ overflow:hidden; font-size:16px; line-height:40px; color:#3b3b3b;}
.proCont h3 p span,.proCont h3 p i{ font-size:14px; color:#a5a5a5;}
.proCont h3 p i{ color:#e1251c;}

.srtx{ width:90%; overflow:hidden; margin:0 2%; padding:0 3%; background:#fff; border-bottom:5px solid #f1f1f1;}
.srtx p,.srtx span,.srtx input{ display:inline-block; font-size:14px; color:#e1251c;}
.srtx p{ line-height:40px; color:#3b3b3b; padding-right:5%;}
.srtx span{ width:20px; text-align:center; line-height:40px; cursor:pointer;}
.srtx input{ width:50px; height:30px; text-align:center;}
.srtx i{ font-size:14px; line-height:40px; color:#a5a5a5;}

.proLog{ overflow:hidden; padding:15px 5%; border-bottom:5px solid #f1f1f1;}
.proLog img{ height:50px;}
.proLog p{ line-height:50px; font-size:14px; padding-right:40%;}

.comment{ width:90%; overflow:hidden; margin:0 2%; padding:0 3%; background:#fff;}
.comment li{ border-bottom:1px solid #a5a5a5; overflow:hidden; color:#a5a5a5; padding:10px 0;}
.comment .title{ line-height:30px; font-size:16px; text-align:left;}
.comment h5{ overflow:hidden; line-height:30px;}
.comment h5 em{ float:left; width:15%;}
.comment h5 img{ float:left; width:30px; height:30px; background:#fff;}
.comment h5 a{ float:left; width:85%;}
.comment ol h5 a{ float:none; width:100%; color:#a5a5a5;}
.comment h5 p{ overflow:hidden;}
.comment h5 p i{ float:left; font-size:14px; line-height:30px; color:#a5a5a5;}
.comment h5 p time{ float:right; font-size:14px; line-height:30px; color:#a5a5a5;}
.comment h5 span{ font-size:14px; line-height:20px; color:#3b3b3b;}
.comment ol { padding:10px 3%; background:#f8f8f8;}
.comment ol li,.comment ol li h5{ padding:0;}
.comment ol li{ border-bottom:0;}
.comment ol h5 span{ padding-left:0;}
/* 商品详情 */

/* 软文推荐 */
.navs{ width:100%; overflow:hidden; background:#fff; padding-top:10px; border-bottom:1px solid #eee;}
.navs li{ float:left; width:25%; text-align:center;}
.navs li h2{ display:block; width:90%; line-height:25px; color:#3b3b3b; font-size:14px; border-top:2px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee;}
.navs li h2.cur{ color:#e1251c;}
/* 软文推荐 */

/* 文本框 */
#about{ width:96%; background:#fff; margin:0px 2%;}
#about h3{ text-align:center; font-size:20px; color:#000; line-height:35px; padding:10px 3%;}
#about .newsName{ text-align:center; font-size:12px; color:#a5a5a5; margin-bottom:20px;}
#about .newsName i{ margin:0 5px;}
.about p{ padding:5px 3%; line-height:30px; font-size:14px; color:#3b3b3b;}
.about p img{ width:100%;}
/* 文本框 */


.ress{ width:96%; overflow:hidden; margin:0 2%; background:#fff;}
.ress h4{ width:94%; overflow:hidden; margin:0 3%; line-height:50px; color:#3b3b3b; font-size:16px; border-bottom:1px solid #a5a5a5;}

.ress form{ width:94%; overflow:hidden; margin:15px 3%; border:1px dashed #eee; font-size:14px;}
.ress form label{ width:20%; color:#999; line-height:30px; padding-left:2%;}
.ress form input.text{ width:50%; color:#999;line-height:30px;}
.ress form input.submit{ width:17%; height:30px; line-height:30px; background:#e1252c; color:#fff; font-size:12px;}

.ress ul{ width:100%; padding:20px 0;}
.ress ul li img{ width:50px; height:50px; margin-right:10px; background:#f00; border-radius:50%;}
.ress ul li{ width:94%; overflow:hidden; margin:0 3%; padding:5px 0; border-bottom:1px solid #a5a5a5; box-shadow: 0px;}
.ress ul li div{ float:left;}
.ress ul li p{ font-size:14px; color:#a5a5a5; line-height:40px;}
.ress ul li p span{ color:#3b3b3b; margin-right:15px}
.ress ul li a.close{ float:right; height:20px; line-height:20px; padding:5px 10px; margin-top:10px; font-size:14px; color:#fff; background:#ccc; border-radius:30px;}
.ress ul li a.sele{ display:block; background:url(../images/ioco2.png) right center no-repeat;}
.ress .ressa{ display:block; text-align:center; line-height:30px; color:#fff; font-size:14px; background:#e1251c; border-radius:30px;}


/*选择地区*/
._citys { position:absolute; left:0; top:220px; width:96%; margin:0 2%; overflow:hidden; padding-bottom:60px;}
._citys .bd1{ border:1px solid #eee;}
._citys span { position: absolute; right: 5px; top: 5px; width: 15px; height: 15px; line-height: 15px; text-align: center; border-radius: 3px; border: 1px solid #fff; color: #fff; cursor: pointer; }
._citys0 { display: inline-block; width: 100%; line-height:50px; border-bottom:1px solid #ccc; padding: 0; margin: 0; }
._citys0 li { display: inline-block; line-height: 50px; font-size:14px; color: #3b3b3b; width:33.33%; text-align: center; cursor: pointer; }
.citySel { color:#e1251c !important; }
._citys1 { display: inline-block; width: 100%; }
._citys1 a { display:inline-block; width:32%; line-height:30px; color:#3b3b3b; margin-left:1%; margin-top:3px; text-align:center; font-size:14px; overflow:hidden; cursor:pointer;}
._citys1 a:hover { color: #e1251c;}
.AreaS { color: #e1251c !important; }
/*选择地区*/

.srtx{ width:90%; overflow:hidden; margin:10px 2%; padding:0 3%; background:#fff;}
.srtx li{ border-bottom:1px solid #a5a5a5;}
.srtx p,.srtx span,.srtx input{ display:inline-block; font-size:14px; color:#e1251c;}
.srtx p{ line-height:40px; color:#3b3b3b; padding-right:5%;}
.srtx span{ width:20px; text-align:center; line-height:40px; cursor:pointer;}
.srtx input{ width:60px; height:30px; text-align:center;}
.srtx i{ font-size:14px; line-height:40px; color:#a5a5a5;}













